<?php defined('_JEXEC') or die('Restricted access'); ?>
<script type='text/javascript'>
var image_base_path = '<?php $params =& JComponentHelper::getParams('com_media');
echo $params->get('image_path', 'images');?>/';
</script>
	
    <div id="wrapper2">
	<div id="content">

	<div class="tab"><h3 class="tabtxt" title="Dimmensions"><a href="#">General</a></h3></div>
	<div class="tab"><h3 class="tabtxt" title="Dimmensions"><a href="#">Dimmensions</a></h3></div>
	<div class="tab"><h3 class="tabtxt" title="Rotate/Flip"><a href="#">Rotate/Flip</a></h3></div>
	<div class="tab"><h3 class="tabtxt" title="Effects"><a href="#">Effects</a></h3></div>
	<div class="tab"><h3 class="tabtxt" title="Colorize"><a href="#">Colorize</a></h3></div>
	<div class="tab"><h3 class="tabtxt" title="Others"><a href="#">Others</a></h3></div>
	<div class="tab"><h3 class="tabtxt" title="Options"><a href="#">Options</a></h3></div>
	<div class="tab"><h3 class="tabtxt" title="Watermark"><a href="#">Watermark</a></h3></div>
	
	
	<div class="boxholder2">
	
		<div class="box">
		
<form action="<?php echo JURI::base(); ?>index.php?option=com_media&amp;task=file.upload&amp;tmpl=component&amp;<?php echo $this->session->getName().'='.$this->session->getId(); ?>&amp;pop_up=1&amp;<?php echo JUtility::getToken();?>=1" id="uploadForm" method="post" enctype="multipart/form-data">
	<fieldset>
		<legend><?php echo JText::_('Upload'); ?></legend>
		<fieldset class="actions">
			<input type="file" id="file-upload" name="Filedata" />
			<input type="submit" id="file-upload-submit" value="<?php echo JText::_('Start Upload'); ?>"/>
			<span id="upload-clear"></span>
		</fieldset>
		<ul class="upload-queue" id="upload-queue">
			<li style="display: none" />
		</ul>
	</fieldset>
	<input type="hidden" name="return-url" value="<?php echo base64_encode('index.php?option=com_media&view=jimages&tmpl=component'); ?>" />
</form>



<form action="index.php" id="imageForm" name="imageForm" method="post" enctype="multipart/form-data">
	<div id="messages" style="display: none;">
		<span id="message"></span><img src="<?php echo JURI::root() ?>/administrator/components/com_media/images/dots.gif" width="22" height="12" alt="..." />
	</div>
	<fieldset>
		<div style="float: left">
			<label for="folder"><?php echo JText::_('Directory') ?></label>
			<?php echo $this->folderList; ?>
			<button type="button" id="upbutton" title="<?php echo JText::_('Directory Up') ?>"><?php echo JText::_('Up') ?></button>
		</div>
		<div style="float: right">
			<button type="button" onclick="JImageManager.onok();window.parent.document.getElementById('sbox-window').close();"><?php echo JText::_('Insert') ?></button>
			<button type="button" onclick="window.parent.document.getElementById('sbox-window').close();"><?php echo JText::_('Cancel') ?></button>
		</div>
	</fieldset>
	<iframe id="imageframe" name="imageframe" src="index.php?option=com_media&amp;view=jimagesList&amp;tmpl=component&amp;folder=<?php echo $this->state->folder?>"></iframe>

	<fieldset>
		<table class="properties">
			<tr>
				<td><label for="f_url"><?php echo JText::_('Image URL') ?></label></td>
				<td><input type="text" id="f_url" value="" /></td>
				<td><label for="f_align"><?php echo JText::_('Align') ?></label></td>
				<td>
					<select size="1" id="f_align" title="Positioning of this image">
						<option value="" selected="selected"><?php echo JText::_('Not Set') ?></option>
						<option value="left"><?php echo JText::_('Left') ?></option>
						<option value="right"><?php echo JText::_('Right') ?></option>
					</select>
				</td>
			</tr>
			<tr>
				<td><label for="f_alt"><?php echo JText::_('Image description') ?></label></td>
				<td><input type="text" id="f_alt" value="" /></td>
			</tr>
			<tr>
				<td><label for="f_title"><?php echo JText::_('Title') ?></label></td>
				<td><input type="text" id="f_title" value="" /></td>
				<td><label for="f_caption"><?php echo JText::_('Caption') ?></label></td>
				<td><input type="checkbox" id="f_caption" /></td>
			</tr>
			<tr>
				<td><label for="f_class"><?php echo JText::_('Image class') ?></label></td>
				<td><input type="text" id="f_class" value="" /></td>
			</tr>
			<tr>
				<td><label for="f_id"><?php echo JText::_('Image Id') ?></label></td>
				<td><input type="text" id="f_id" value="" /></td>
			</tr>
		</table>
	</fieldset>
	<input type="hidden" id="dirPath" name="dirPath" />
	<input type="hidden" id="f_file" name="f_file" />
	<input type="hidden" id="tmpl" name="component" />

</div>


<div class="box">
		<h3><?php echo "Dimmensions"; ?></h3>
		<fieldset id ="dimmensions">
         <h3>Width</h3>
		<input id="width" name="width" type="text" size="4" />
		 x
        <input id="height" name="height" type="text" size="4" />
        <h3>        Height</h3> 
         </fieldset>
		
		<h3><?php echo "Resize"; ?></h3>   
		<fieldset id ="resize_options">      
           <select id="resize" name="resize" onchange="resize_color(this.selectedIndex)" >
          		<option value="0"><?php echo "Select"; ?></option>
          		 <option value="default">Default</option>
         		 <option value="bestfit">Best Fit</option>
         		 <option value="crop">Crop</option>
        		 <option value="stretch">Stretch</option>
        		 <option value="fill">Fill</option>
        	</select>
        	<br /><br /> Fill Color &nbsp; &nbsp; <input id="resizecolor" name="resizecolor" type="text" size="12" disabled="true"  />
        </fieldset>	
		
		<h3><?php echo "Crop"; ?></h3>
		<fieldset id ="crop_options">
		<?php echo "Crop"; ?>
        <input type="checkbox" name="crop" id="crop"/><br /><br />
         <strong>Top margin</strong><br />
		<input id="x" name="x" type="text" size="4" /><br /><br />
		<strong>Left margin</strong><br />
		<input id="y" name="y" type="text" size="4" />
         </fieldset>
		 
		 
		</div>
		    
  <div class="box">
        <h3><?php echo "Rotate"; ?></h3>
          <fieldset id="degrees">
          	<input id="rotate" name="rotate" type="text" size="4" />&nbsp; degrees
          </fieldset>
        <h3><?php echo "Flip"; ?></h3>
		<fieldset id="flipsel">
          <select id="flip" name="flip">
          <option value="0"><?php echo"Select"; ?></option>
          <option value="H"><?php echo "V"; ?></option>
          <option value="V"><?php echo"H"; ?></option>
        </select>
        </fieldset>
        </div>
        
		 <div class="box">
        <h3><?php echo "Effects"; ?></h3>
        <fieldset id="effects">
		 <fieldset><?php echo "Greyscale"; ?>
        <input type="checkbox" name="greyscale" id="greyscale"/>
        <?php echo "Edge Detect"; ?>
        <input type="checkbox" name="edgedetect" id="edgedetect"/>
		<?php echo "Mean Removal"; ?>
        <input type="checkbox" name="meanremoval" id="meanremoval"/>
         <?php echo "Sepia"; ?>
        <input type="checkbox" name="sepia" id="sepia"/>
        </fieldset>
        <fieldset>
        <?php echo "Emboss"; ?>
        <input type="checkbox" name="emboss" id="emboss"/>
        <?php echo "Blur"; ?>
        <input type="checkbox" name="blur" id="blur"/>
		<?php echo "Invert"; ?>
        <input type="checkbox" name="negate" id="negate"/>  
        <?php echo "Drop Shadow"; ?>
        <input type="checkbox" name="drop" id="drop"/>  
		</fieldset>
		</fieldset>
		</div> 
		
		
<div class="box">	 
       	<h3><?php echo "Colorize"; ?></h3>
		<div id="area">
	<div id="knob"></div>
</div>
<p id="upd">XX</p>
		<div id="area2">
	<div id="knob2"></div>
	</div>

<p id="upd2">XX</p>
		<div id="area3">
	<div id="knob3"></div>
</div>
<p id="upd3">XX</p>
<span id="setColor"></span>
		
</div>
		

<div class="box">
	   <strong>Brightness</strong>
	   		<div id="area4">
	<div id="knob4"></div>
</div>
<p id="upd4">XX</p>
<strong>Contrast</strong>
		<div id="area5">
	<div id="knob5"></div>
</div>
<p id="upd5">XX</p>
<strong>Smooth</strong>
<div id="area6">
	<div id="knob6"></div>
	</div>
	<p id="upd6">XX</p>
</div>


<div class="box">
	
		<h3><?php echo "Image Library"; ?></h3>   
			<fieldset id ="imagelib-select">      
	           <select id="imagelib" name="imagelib">
	          		<option value="0"><?php echo "Select"; ?></option>
	          		 <option value="gd">Php GD</option>
	         		 <option value="im">Image Magick</option>
	         		 <option value="gm">Graphics Magick</option>
	        	</select>
	        </fieldset>	
	        
	        
		 <h3><?php echo "Pop-up type"; ?></h3>   
			<fieldset id ="popup-select">      
	           <select id="popup" name="popup">
	          		<option value="0"><?php echo "Select"; ?></option>
	          		 <option value="none">None</option>
	         		 <option value="slimbox">Slimbox</option>
	         		 <option value="greybox">Greybox</option>
	        	</select>
	        </fieldset>	
			
<input type="hidden" size ="3" name="quality"  id="quality" value="80"/><br />
<strong>Quality(jpeg)</strong>
<div id="area7">
	<div id="knob7"></div>
	</div>
	<p id="upd7">XX</p>
		
</div> 
		

<div class="box">
			<h3><?php echo "Watermark"; ?></h3>   
			<fieldset id ="watermark-select">
			     
		<strong>Watermark File</strong><br />
		<input id="wmname" name="wmname" type="text" size="40" /><br /><br />
		<strong>FOLDER: /images/</strong><input id="wmfolder" name="wmfolder" type="text" size="40" /><br />
				
		<br /><strong>or</strong><br /><br />
				
		<strong>Text</strong><br />
		<input id="wmtext" name="wmtext" type="text" size="40" /><br />
		
		<br />
		<table border=0 cellpadding="0">
		<tr>
			<td><strong>Font</strong></td>
			<td>&nbsp;</td>
			<td><strong>Font Size</strong></td>
			<td>&nbsp;</td>
			<td><strong>Font Color</strong></td></tr>
		<tr>
			<td><input id="font" name="font" type="text" size="40" /></td>
			<td>&nbsp;</td>
			<td><input id="fontsize" name="fontsize" type="text" size="3" /></td>
			<td>&nbsp;</td>
			<td><input id="fontcolor" name="fontcolor" type="text" size="12" /></td>
		</tr>
		</table>
		
		
		
		
 		<br />
 		<br />
       	 <strong>Position</strong><br />
	     <select id="position" name="position">
          	 <option value="0"><?php echo"Select"; ?></option>
          	 <option value="center">Center</option>
	         <option value="top">Top</option>
			 <option value="topright">Top-Right</option>
	         <option value="topleft">Top-Left</option>
	         <option value="left">Left</option>
	         <option value="right">Right</option>
	         <option value="bottom">Bottom</option>
	         <option value="bottomright">Bottom-Right</option>
	         <option value="bottomleft">Bottom-Left</option>
	         <option value="random">Random</option>
		</select>
		<br /><br />
			
	        </fieldset>	        	
		</div>
		

		<input type="hidden" size ="3" name="r"  id="r" value="0"/>
		<input type="hidden" size ="3" name="g"  id="g" value="0"/>
		<input type="hidden" size ="3" name="b"  id="b" value="0"/>
		<input type="hidden" size ="3" name="bright"  id="bright" value="0"/>
		<input type="hidden" size ="3" name="contrast"  id="contrast" value="0"/>
		<input type="hidden" size ="3" name="opacity"  id="opacity" value="0"/>


	</form>

</div>


</div>
</div>